<template>
  <div class="about">
    <h3>{{name}}</h3>
    <h1>翻倍{{mul}}</h1>
    <h1>{{counter}}</h1>
    <hr />
    <button @click="jianA(2)">--</button>
    <button @click="jiaM">++</button>
  </div>
</template>
<script>
  import {
    mapState,
    mapGetters,
    mapActions,
    mapMutations
  } from 'vuex'
  export default {
    computed: {
      ...mapState('aboutOption', ['counter', 'name']),
      ...mapGetters('aboutOption', ['mul'])
    },
    methods: {
      ...mapActions('aboutOption', ['jianA']),
      ...mapMutations('aboutOption', ['jiaM'])
    }
  }
</script>
